<script setup lang="ts">

// 引用声明
defineProps({
  label: {
    type: String,
    default: () => ''
  }
})
</script>

<template>
  <div class="flex tabs-item my-4  last:border-none">
    <div class="label">
      {{ label }}
    </div>
    <div class="value flex flex-wrap flex-1">
      <slot />
    </div>
  </div>
</template>

<style scoped lang="less">
.tabs-item {
  //border-bottom: 1px solid #f1f1f1;
  .label {
  @apply flex justify-center items-start font-bold text-lg;
    width: 100px;
  }

  .value {
  @apply flex-1;
  }

  .line {
  @apply border-l-0 border-r-0 border-t-0 border-b-red;
  }
}


</style>
